<template>
  <div class="home-view">
    <Swiper :swiperLists="swiperLists"></Swiper>
    <IntroduceBox />
    <div class="warp">
      <ServerProject />
      <!-- <AdvanTage /> -->
      <CustomerCooperation />
      <news />
      <unload />
    </div>
  </div>
</template>

<script setup lang="ts" name="home-view">
import Swiper from '@/components/Swiper/index.vue'
import swiper1 from '@/assets/img/swiper/1.png'
import swiper2 from '@/assets/img/swiper/2.png'
import swiper3 from '@/assets/img/swiper/3.png'

import IntroduceBox from './components/Introduce/index.vue'
import ServerProject from './components/serverProject/index.vue'
import AdvanTage from './components/advantage/index.vue'
import CustomerCooperation from './components/CustomerCooperation/index.vue'
import news from './components/news/index.vue'
import unload from '@/components/Unload/index.vue'

type swiperItem = {
  imgUrl: string
  link: string
}

const swiperLists: swiperItem[] = [
  {
    imgUrl: swiper1,
    link: '/'
  },
  {
    imgUrl: swiper2,
    link: '/'
  },
  {
    imgUrl: swiper3,
    link: '/'
  }
]

console.log(swiperLists)
</script>

<style scoped lang="less">
.home-view {
  display: flex;
  flex-direction: column;
}

.warp {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
</style>
